<#macro mutualFriends> 	
    <#if (data.mutualFriends?? && data.mutualFriends?size > 0)>
	    <div class="question">
	      <h1>Danh sách bạn bè chung<b style="color:#CA4A0C">(${data.mutualFriends?size})</b></h1>
	      <div class="dem1"><a class="viewall"></a></div>
	    </div>
	    <div class="clearthis"></div>
		<div class="friendListBox">
              <ul>
		<#list data.mutualFriends as friend> 		    
              	<li>
                	<span class="${friend.loggined?string('online','offline')}"></span>
		      		<a href="${rc.contextPath}/${friend.username}">
		      			<img src="<#if friend.avatar?exists>${friend.avatar}<#else>${rc.contextPath}/images/avatar.png</#if>" alt="${friend.username}" width="50" height="50" <#if friend.status?? && friend.status?has_content>title="${friend.status}"</#if>/>
		      		</a>
					<div class="tooltipAvatar" style="display:none;">
                    	<a href="#" class="fl avatar"><img src="<#if friend.avatar?exists>${friend.avatar}<#else>${rc.contextPath}/images/avatar.png</#if>" width="74"/></a>
                        <span>
                        	<h2><a href="#">${friend.fullName}</a></h2>
                            <p><a href="${rc.contextPath}/${friend.username}">Trang cá nhân</a> | <label class="${friend.loggined?string('online','offline')}">${friend.loggined?string('ONLINE','OFFLINE')}</label></p>
                            <ul>
                            	<li>&bull; Đang thực hiện: <b>${friend.numberDoingGoals} mục tiêu</b></li>
                                <li>&bull; Đã hoàn thành: <b>${friend.numberFinishedGoals} mục tiêu</b></li>
                                <li>&bull; Số bài chia sẻ: <b>${friend.numberOfAllEntries} bài viết</b></li>
                            </ul>
                        </span>
                    </div>
                </li>
		    <#if friend_has_next>
			
		    </#if>
	    </#list>	    
    </#if>
</#macro>